<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>天畅的博客 | Hi，终于等到你</title>
    <meta name="description" content="Just playing around.">
    <meta name="generator" content="VitePress v1.3.1">
    <link rel="preload stylesheet" href="/openatom-R-D-Department-book/assets/style.w5OFyzIb.css" as="style">
    
    <script type="module" src="/openatom-R-D-Department-book/assets/app.BWTXrXhP.js"></script>
    <link rel="preload" href="/openatom-R-D-Department-book/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/openatom-R-D-Department-book/assets/chunks/framework.nywkKGMK.js">
    <link rel="modulepreload" href="/openatom-R-D-Department-book/assets/chunks/theme.BUJicQAV.js">
    <link rel="modulepreload" href="/openatom-R-D-Department-book/assets/index.md.DZNBg6yH.lean.js">
    <link rel="icon" href="./favicon.jpg">
    <meta name="keywords" content="天畅, 博客, 前端知识, 天畅的博客, openatom-R-D-Department">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0f60ec36></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0f60ec36> Skip to content </a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar home top" data-v-ae24b3ad data-v-6aa21345><div class="wrapper" data-v-6aa21345><div class="container" data-v-6aa21345><div class="title" data-v-6aa21345><div class="VPNavBarTitle" data-v-6aa21345 data-v-ab179fa1><a class="title" href="/openatom-R-D-Department-book/" data-v-ab179fa1><!--[--><!--]--><!----><span data-v-ab179fa1>openatom-R-D-Department</span><!--[--><!--]--></a></div></div><div class="content" data-v-6aa21345><div class="content-body" data-v-6aa21345><!--[--><!--]--><div class="VPNavBarSearch search" data-v-6aa21345><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6aa21345 data-v-dc692963><span id="main-nav-aria-label" class="visually-hidden" data-v-dc692963> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/openatom-R-D-Department-book/" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/openatom-R-D-Department-book/handbook/web/" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>前端开发</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/openatom-R-D-Department-book/handbook/geekVerse/" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>GeekVerse</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-dc692963 data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b6c34ac9><span class="text" data-v-b6c34ac9><!----><span data-v-b6c34ac9>天畅的博客</span><span class="vpi-chevron-down text-icon" data-v-b6c34ac9></span></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-b98bc113><div class="items" data-v-b98bc113><!--[--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-43f1e123><a class="VPLink link vp-external-link-icon" href="https://atomgit.com/tianchang" target="_blank" rel="noreferrer" data-v-43f1e123><!--[-->atomGit<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-43f1e123><a class="VPLink link vp-external-link-icon" href="https://github.com/tianchangNorth" target="_blank" rel="noreferrer" data-v-43f1e123><!--[-->github<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-6aa21345 data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><!----><div class="VPFlyout VPNavBarExtra extra" data-v-6aa21345 data-v-bb2aa2f0 data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-b6c34ac9><span class="vpi-more-horizontal icon" data-v-b6c34ac9></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-b98bc113><!----><!--[--><!--[--><!----><div class="group" data-v-bb2aa2f0><div class="item appearance" data-v-bb2aa2f0><p class="label" data-v-bb2aa2f0>Appearance</p><div class="appearance-action" data-v-bb2aa2f0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-bb2aa2f0 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><!----><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6aa21345 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-6aa21345><div class="divider-line" data-v-6aa21345></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-5d98c3a5 data-v-1428d186><div class="VPHome" data-v-1428d186 data-v-686f80a6><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-686f80a6 data-v-303bb580><div class="container" data-v-303bb580><div class="main" data-v-303bb580><!--[--><!--]--><!--[--><h1 class="name" data-v-303bb580><span class="clip" data-v-303bb580>天畅同学</span></h1><p class="text" data-v-303bb580>Stay foolish, Stay hungry.</p><p class="tagline" data-v-303bb580>/繁荣开源事业/共享开源价值/AtomGit/</p><!--]--><!--[--><!--]--><div class="actions" data-v-303bb580><!--[--><div class="action" data-v-303bb580><a class="VPButton medium brand" href="/openatom-R-D-Department-book/handbook/mypage/" data-v-303bb580 data-v-cad61b99>进入主页</a></div><div class="action" data-v-303bb580><a class="VPButton medium alt" href="https://atomgit.com/" target="_blank" rel="noreferrer" data-v-303bb580 data-v-cad61b99>AtomGit</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-303bb580><div class="image-container" data-v-303bb580><div class="image-bg" data-v-303bb580></div><!--[--><!--[--><img class="VPImage image-src" src="/openatom-R-D-Department-book/avater.jpg" alt="avatar" data-v-8426fc1a><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-686f80a6 data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/html-study" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>HTML学习笔记</h2><p class="details" data-v-a3976bdc>HTML学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/Css-study" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>Css学习笔记</h2><p class="details" data-v-a3976bdc>Css学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/JS-study" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>Javascript学习笔记</h2><p class="details" data-v-a3976bdc>Javascript学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/JS-study" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>Ajax学习笔记</h2><p class="details" data-v-a3976bdc>Ajax学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/vue2" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>vue2学习笔记</h2><p class="details" data-v-a3976bdc>vue2学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/vue3_study" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>vue3学习笔记</h2><p class="details" data-v-a3976bdc>vue3学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://github.com/tianchangNorth/typescript" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>typescript学习笔记</h2><p class="details" data-v-a3976bdc>typescipt学习笔记、源码、注释</p><!----></article><!--]--></a></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link vp-external-link-icon no-icon VPFeature" href="https://atomgit.com/tianchang/React-Studybook" target="_blank" rel="noreferrer" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc>🧩</div><h2 class="title" data-v-a3976bdc>react学习笔记</h2><p class="details" data-v-a3976bdc>react学习笔记、源码、注释</p><!----></article><!--]--></a></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-686f80a6 data-v-8e2d4988><!--[--><div style="position:relative;" data-v-686f80a6><div><div class="home-wrapper" data-v-d686d8da><!--[--><div class="home-item" data-v-d686d8da>1</div><div class="home-item" data-v-d686d8da>2</div><div class="home-item" data-v-d686d8da>3</div><div class="home-item" data-v-d686d8da>4</div><div class="home-item" data-v-d686d8da>5</div><div class="home-item" data-v-d686d8da>6</div><div class="home-item" data-v-d686d8da>7</div><div class="home-item" data-v-d686d8da>8</div><div class="home-item" data-v-d686d8da>9</div><!--]--></div></div></div><!--]--></div></div></div><!----><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"handbook_geekverse_index.md\":\"B9BAmxL7\",\"handbook_geekverse_企业微信网页应用题接入前端处理.md\":\"DbQF3tBr\",\"handbook_geekverse_前端seo优化.md\":\"ut2Sq-Z_\",\"handbook_geekverse_开源即责任.md\":\"NIegIMAQ\",\"handbook_html_vuecomponents.md\":\"BGcXOUWE\",\"handbook_mypage_index.md\":\"D4YaHZuC\",\"handbook_web_html_details标签使用说明.md\":\"B71DhZJV\",\"handbook_web_index.md\":\"DYaSSLQF\",\"handbook_web_js_原型到原型链.md\":\"BL-PSk0i\",\"handbook_web_js_变量对象.md\":\"Dj-AaIkY\",\"handbook_web_js_执行上下文栈.md\":\"CE55h5gD\",\"handbook_web_js_词法作用域和动态作用域.md\":\"DE-9D_PH\",\"handbook_web_react_reacthooks.md\":\"BrnHLECt\",\"index.md\":\"DZNBg6yH\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"openatom-R-D-Department\",\"description\":\"Just playing around.\",\"base\":\"/openatom-R-D-Department-book/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"subSidebar\":\"auto\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"前端开发\",\"link\":\"/handbook/web/\",\"items\":[{\"text\":\"JavaScript\",\"link\":\"/handbook/web/js/\"},{\"text\":\"React\",\"link\":\"/handbook/web/react/\"}]},{\"text\":\"GeekVerse\",\"link\":\"/handbook/geekVerse/\"},{\"text\":\"天畅的博客\",\"items\":[{\"text\":\"atomGit\",\"link\":\"https://atomgit.com/tianchang\"},{\"text\":\"github\",\"link\":\"https://github.com/tianchangNorth\"}]}],\"sidebar\":{\"/handbook/web/\":[{\"text\":\"Html\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"details标签使用说明\",\"link\":\"/handbook/web/html/details标签使用说明\"}]},{\"text\":\"Js\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"原型到原型链\",\"link\":\"/handbook/web/js/原型到原型链\"},{\"text\":\"变量对象\",\"link\":\"/handbook/web/js/变量对象\"},{\"text\":\"执行上下文栈\",\"link\":\"/handbook/web/js/执行上下文栈\"},{\"text\":\"词法作用域和动态作用域\",\"link\":\"/handbook/web/js/词法作用域和动态作用域\"}]},{\"text\":\"React\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"ReactHooks\",\"link\":\"/handbook/web/react/ReactHooks\"}]}],\"/handbook/geekVerse/\":[{\"text\":\"企业微信网页应用题接入前端处理\",\"link\":\"/handbook/geekVerse/企业微信网页应用题接入前端处理\"},{\"text\":\"前端seo优化\",\"link\":\"/handbook/geekVerse/前端seo优化\"},{\"text\":\"开源即责任\",\"link\":\"/handbook/geekVerse/开源即责任\"}]},\"search\":{\"provider\":\"local\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>